.main {
	background-color: #dfdede;
	flex: 1;

	.user-box {
		background-color: #fff;
		position: relative;

		img {
			border-radius: 60px;
			border: 3px solid rgba(66, 148, 255, 1);
			margin: 15px;
		}

		span {
			font-size: 25px;
		}

		#icon {
			position: absolute;
			right: 20px;
			top: 68px;
		}

		.sign {
			text-align: center;
			color: #918a8a;
			font-size: 16px;
		}
	}

	#personBox {
		height: 50px;
		margin: 20px 0;
		background-color: #fff;
		align-items: center;
		padding: 0 20px;

		.personal-dynamics {
			font-size: 20px;

			span {
				color: #4294ff;
				font-size: 25px;
				font-weight: bold;
			}
		}

		.branches {
			font-size: 20px;

			span {
				font-size: 25px;
			}
		}
	}

	#sportsData {
		height: 150px;
		margin-bottom: 20px;
		background-color: #fff;
		padding: 0 20px;

		#sport {
			height: 50px;
			line-height: 50px;
			font-size: 18px;

			p span {
				color: #4294ff;
				font-size: 25px;
				font-weight: bold;
			}

			span {
				font-size: 22px;
			}
		}

		#sportNumber {
			width: 100%;
			height: 100px;

			#constume {
				border-left: 1px dashed #818181;
				height: 80px;
				padding-left: 40px;
			}
			div p {
				font-size: 14px;
				color: #918a8a;
				margin-bottom: 15px;
			}

			div p span {
				font-size: 35px;
				color: #4294ff;
			}
		}
	}

	#sportsBadges {
		height: 150px;
		margin-bottom: 16px;
		background-color: #fff;
		padding: 0 20px;

		#badges {
			height: 50px;
			line-height: 50px;
			font-size: 18px;

			p span {
				color: #4294ff;
				font-size: 25px;
				font-weight: bold;
			}

			span {
				font-size: 22px;
			}
		}

		#badgesNumber{
			width: 100%;
			height: 100px;
			div{
				width: 80px;
				height: 80px;
				border-radius: 80px;
				border: 1px solid #848181;
				background: url(../../assets/images/getbadge01.jpg) no-repeat  center / cover;
				
				
				&:nth-child(1){
					background: url(../../assets/images/getbadge01.jpg) no-repeat  center / cover;
				}


				&:nth-child(2){
					background: url(../../assets/images/getbadge02.jpg) no-repeat  center / cover;
				}

				&:nth-child(3){
					background: url(../../assets/images/mybadge03.jpg) no-repeat  center / cover;
				}
			}
		}
	}

	#exit{
		text-align: center;
		height: 50px;
		color: #4294ff;
		line-height: 50px;
		background-color: #fff;
		font-weight: bold;
	}
}
